/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
/* 头部 */
.header{
	width:100%;
	height: rem(295px);
	display: flex;
	align-items: center;
	background:#FFF;
	.within-wrap{
		width:rem(1000px);
		height:rem(125px);
		margin:0 auto;
		display: flex;
		align-items: center;
		.icon-ziyuan{
			color:#717171;
			font-size: rem(70px);
			margin-right:rem(35px);
		}
		.head-center{
			width:rem(830px);
			height:rem(125px);
			background:#f4f4f4;
			display: flex;
			align-items: center;
			i{
				color:#707070;
				font-size:rem(50px);
				margin:rem(0px) rem(25px) rem(0px) rem(45px);
			}
			span{
				font-size: rem(50px);
				color:#434343;
			}
		}
		.icon-fon10{
			color:#cecece;
			font-size: rem(35px);
			margin-left:rem(45px);
		}
	}
}
/* 购买商品 */
.purchase{
	width:100%;
	/*height:rem(350px);*/
	background:#f2f2f2;
	display:flex;
	align-items: center;
	.purchase-wrap{
		width:rem(1010px);
		height:rem(280px);
		margin:0 auto;
		display:flex;
		align-items: center;
		.item{
			width:rem(280px);
			height:rem(280px);
		}
		.goodsImg{
			margin-right:rem(35px);
			img{
				width:100%;
				height:100%;
			}
		}
		.flex-grow{
			flex-grow:1;
			p{
				color:#515151;
				font-size: rem(35px);
				display: -webkit-box; 
				line-height: rem(40px);
				-webkit-line-clamp: 2; 
				-webkit-box-orient: vertical; 
				overflow: hidden;
			}
			.specification{
				color:#9a9a9a;
				font-size:rem(35px);
				margin:rem(35px) rem(0px) rem(85px) rem(0px);
			}
			.pricee{
				font-size:rem(35px);
				display:flex;
				justify-content:space-between;
				.pri-1{
					color:#f95400;
				}
				.pri-2{
					color:#515151;
				}
			}
		}
	}
}
.container{
	width:100%;
	height:auto;
	/* 购买数量 */
	.quantity{
		width:rem(1035px);
		height:rem(245px);
		margin:0 auto;
		display:flex;
		align-items: center;
		justify-content:space-between;
		.buy{
			color:#2c2c2c;
			font-size:rem(40px);
			margin-left:rem(15px);
		}
		.right-box{
			display:flex;
			justify-content:space-between;
			align-content:center;
			.box{
				width:rem(80px);
				height:rem(80px);
				background:#f5f5f5;
				color:#60636f;
				font-size:rem(40px);
				text-align: center;
				line-height: rem(80px);
				font-weight:bold;
			}
			.box:last-of-type{
				margin-right: rem(15px);
			}
			.yi{
				color:#282828;
				font-size:rem(30px);
				margin:0 rem(55px);
				line-height: rem(80px);
			}
		}
	}
}
/* 预定时间 */
.reserveTiem{
	width:100%;
	height:auto;
	.reserve-wrap{
		width:rem(1035px);
		height:auto;
		margin:0 auto;
		border-top:rem(1px) solid #f4f4f4;
		border-bottom:rem(1px) solid #f4f4f4;
		p{
			color:#FF0000;
			font-size: rem(35px);
			line-height: rem(40px);
			letter-spacing:rem(2px);
		}
		div{
			display:flex;
			justify-content:space-between;
			.item{
				width:rem(370px);
				height:100%;
				.tiem{
					margin-left:rem(15px);
					line-height: rem(150px);
					color:#535353;
					font-size:rem(40px);
				display: inline-block;

				}
			}
			.flex-grow{
				flex-grow: 1;
				ul{
					display:flex;
					justify-content:space-between;
					li{
						height:rem(150px);
						flex-grow: 1;
						display: flex;
						align-items: center;
						justify-content:center;
						color:#686868;
						font-size:rem(40px);
						margin-right: rem(90px);
						div{
							width:rem(45px);
							height:rem(45px);
							border:1px solid #a4a4a4;
							border-radius:50%;
							margin-right:rem(20px);
						}
					}
					.artive{
						width:rem(35px);
						height:rem(35px);
						border:rem(10px) solid #07bf02;
					}
				}
			}
		}
	}
	/* 配送方式 */
	.dispatching-wrap{
		width:rem(1035px);
		height:rem(245px);
		margin:0 auto;
		display:flex;
		align-items: center;
		justify-content: space-between;
		span{
			color:#515151;
			font-size:rem(40px);
		}
		span:last-of-type{
			margin-right:rem(100px);
		}
	}
}
/* 分隔 */
.divide{
	width:100%;
	height:rem(20px);
	background:#f4f4f4;
}
/* 支付方式 */
.pay-wrap{
	width: 100%;
	height:auto;
	.pay{
		width:rem(1035px);
		height:rem(200px);
		margin:0 auto;
		display:flex;
		align-items: center;
		justify-content: space-between;
		span{
			color:#545454;
			font-size:rem(40px);
			i{
				color:#03bf01;
				font-size:rem(75px);
			}
		}
		span:last-of-type{
			margin-right:rem(90px);
		}
	}
}
/* 底部结算 */
footer{
	width:100%;
	height:rem(145px);
	background:#FFF;
	display: flex;
	align-items: center;
  justify-content: space-between;
  position:fixed;
  left:0;
  bottom:0;
	.F-right{
		height:100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.total{
			color:#3b4343;
			font-size:rem(40px);
			.span{
				color:#3b4343;
				font-size:rem(40px);
			}
			span{
				color:#fe5600;
				font-size:rem(40px);
				margin-right:rem(30px);
			}
		}
		.clearing{
			width:rem(315px);
			height:100%;
			color:#FFF;
			background:#fe5600;
			font-size:rem(45px);
			text-align: center;
			line-height: rem(135px);
		}
	}
}
.aa{
	width:100%;
	height:rem(1000px);
}